body {
	padding:0;
	margin:0;
	-webkit-user-select:none;
    -webkit-text-size-adjust: none;
	-webkit-box-sizing: border-box;
}


#header {
	width:100%;
	background-color:#aaa;
	padding:10px 0;
}

#footer,
#tabbar {
	width:100%;
	background-color: black;
	padding:10px 0;
}

#tabbar {
    display: block;
    text-align: center;
	margin:322px 0;
	padding:0;
}

body.standalone #tabbar {
	margin-top: 366px;		/* Add extra 44 pixels because no bottom toolbar */
}

body.landscape #tabbar {
	margin-top: 174px;		/* Correct height for landscape mode */
}

body.landscape.standalone #tabbar {
	margin-top:206px;		/* Add extra 15 pixels because no bottom toolbar */
}

.wrapper {
	position:relative;	/* needed */
	z-index:1;			/* needed and important */
	width:100%;
	height:650px;		/* needed */
	overflow:hidden;	/* suggested */
}

/*
body.standalone .wrapper {
	height:366px;		// Add extra 44 pixels because no bottom toolbar
}
*/
/*
body.landscape .wrapper {
  height:174px;   // Correct height for landscape mode
}

body.landscape.standalone .wrapper {
  height:206px;   // Add extra 15 pixels because no bottom toolbar
}
*/
body.portrait #iuipad-content-panel .wrapper {
  height: 820px;
}

.scroller {
/*	-webkit-touch-callout:none;*/
/*	-webkit-tap-highlight-color:rgba(0,0,0,0);*/
/*	position:absolute;	/* optional. Seems to work with absolute, relative and without it */
/*	top:0;				/* optional */
/*	-webkit-box-shadow:0 0 40px rgba(0,0,0,0.8);*/

	float:left;
//	width:600px;
	width:100%;
//	padding:10px;
	padding:0px;
}


.scrollbar {
	position: absolute;
	z-index: 10;
	width: 1px;
	height: 1px;
	border-width: 3px;
	-webkit-border-image: url(images/scrollbar.png) 3;
}

.scrollbar.horizontal {
	bottom: 1px;
	left: 1px;
}

.scrollbar.vertical {
	top: 1px;
	right: 1px;
}
